<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>${title}</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="${keywords}">
    <meta name="description" content="${description}">
    <link rel="stylesheet" href="${themeUrl}/assets/css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="${themeUrl}/assets/css/animate.css">

    <link rel="stylesheet" href="${themeUrl}/assets/css/magnific-popup.css">

    <link rel="stylesheet" href="${themeUrl}/assets/css/aos.css">

    <link rel="stylesheet" href="${themeUrl}/assets/css/ionicons.min.css">

    <link rel="stylesheet" href="${themeUrl}/assets/css/icomoon.css">
    <link rel="stylesheet" href="${themeUrl}/assets/plugin/highlight/styles/atom-one-dark.min.css">
    <link rel="stylesheet" href="${themeUrl}/assets/css/style.css">
    <link rel="icon" href="${themeUrl}/assets/image/favicon.ico" />
    <script>
        var currentPage = `${currentPage}`;
    </script>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
    <div class="container">
        <a class="navbar-brand" href="/">
            <img alt="" src="${themeUrl}/assets/image/logo.png"/>
            ${site.name}
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
                aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="oi oi-menu"></span>
        </button>

        <div class="collapse navbar-collapse" id="ftco-nav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item" data-page="page-index"><a href="/" class="nav-link">首页</a></li>
                <li class="nav-item" data-page="column-built-in"><a href="/column/built-in.html" class="nav-link">内置功能</a></li>
                <li class="nav-item" data-page="column-change-log"><a href="/column/change-log.html" class="nav-link">更新日志</a></li>
                <li class="nav-item" data-page="column-course"><a href="/column/course.html" class="nav-link">使用教程</a></li>
                <li class="nav-item" data-page="page-contact-us"><a href="/column/contact-us.html" class="nav-link">联系我们</a></li>
                <li class="nav-item cta"><a target="_blank" href="http://ev.easy-frame.top/" class="nav-link"><span>在线预览</span></a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- END nav -->
